﻿<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
  
  <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
	
  <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script> 
  <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script> 
  <script type="text/javascript" src="js/jquery.metadata.js"></script> 
  <script type="text/javascript" src="js/ajaxupload.js"></script> 
  <script type="text/javascript" src="js/jquery.dimensions.js"></script> 
  <script type="text/javascript" src="js/Jquery.Tooltip.js"></script> 
  <script type="text/javascript" src="js/JqueryDev.js"></script> 
  <script type="text/javascript" src="js/date.format.js"></script> 
  
  <link type="text/css" href="css/Main.css" rel="stylesheet" />
  <link type="text/css" href="css/jquery.tablesorter.pager.css" rel="stylesheet" />
  <link type="text/css" href="css/blue/style.css" rel="stylesheet" />
  <link type="text/css" href="css/osx.css" rel="stylesheet" />

<!-- Load JavaScript files --> 
<script type='text/javascript' src='js/jquery.simplemodal-1.3.3.js'></script> 


<style type="text/css">
  
  tr.selected
  {
      background-color:red;
  }
  tr.selectableitem
  {
      background-color:Transparent;
  }

  td.Filename
  {
      width:200px;
      background-color:Transparent;
  }
  td.Scope
  {
      width:100px;
      background-color:Transparent;
  }
  td.Size
  {
      width:80px;
      background-color:Transparent;
  }
  td.Comments
  {
      width:400px;
      background-color:Transparent;
  }
  td.Date
  {
      width:100px;
      background-color:Transparent;
  }
  td.Creator
  {
      width:120px;
      background-color:Transparent;
  }
  
  #myTable1
  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
    width :90%;
  }
  #myTable2
  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	width :90%;
  }
  
div.draggable table:hover
   {
       	color: #CCCCCC;
	    background-color: #88aacc;
   }
  
    #image_browse
    {
        margin-right: 0px;
    }
  
    #Comments
    {
        width: 358px;
        margin-left: 0px;
        height: 74px;
    }
  
  </style>

  
  

  
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">



<div id="Notify-modal-content"> 
	<div id="Notify2" >Notify someone about a file</div> 
	<div id="Notify-modal-data"> 
   
   <asp:DropDownList ID="DropDownList2" runat="server">
        </asp:DropDownList>
		<br />   Message<br /> 
    <asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Height="66px" 
        Width="335px"></asp:TextBox>
    <asp:Button ID="Button3" runat="server" Text="Upload" />
	</div> 
</div> 




<div id="bordure_gauche">
    <div class="boutonlateral" title="Unlog" style="position:absolute; top:40px; left:20px">
        <a href="Login.aspx">
            <img id="Logoff" alt="" src="img/Crystal_Clear_app_shutdown.png" style="width:96px;" />
        </a>
    </div>

    <div class="boutonlateral" title="Change Project for Out file zone"  style="position:absolute; top:190px; left:20px">
        <img id="ChangeProject" alt="" src="img/Crystal_Clear_app_softwareD.png" style="width:96px;" />
    </div>
    
    <div class="boutonlateral" title="Setup options (not yet available)" style="position:absolute; top:320px; left:20px">
        <img id="Setup" alt="" src="img/Crystal_Clear_app_utilities.png" style="width:96px;" />
    </div>

    <div class="boutonlateral" title="Support with Transaction Log Screen"  style="position:absolute; top:450px; left:20px">
        <img id="Contact" alt="" src="img/Crystal_Clear_app_sipphone.png" style="width:96px;" />
    </div>
</div>


<div id="bordure_droite">
    <div class="boutonlateral" title="Get the selected file"  style="position:absolute; top:40px; right:20px">
        <img id="Download" alt="" src="img/Crystal_Clear_app_ark2.png" style="width:96px;"  />
    </div>
    
    <div class="boutonlateral" title="Add a file"  style="position:absolute; top:190px; right:20px">
    
        <img id="AddFile" alt="" src="img/Crystal_Clear_action_edit_add.png" style="width:96px;" />
      
    </div>
    <div class="boutonlateral" title="Notify a file (not fully functionnal yet)"  style="position:absolute; top:320px; right:20px">
    <a href='#' class='Notify-osx'>
        <img id="Notify" alt="" src="img/Crystal_Clear_app_aim.png" style="width:96px;"  />
        </a>
    </div>
    <div class="boutonlateral" title="Delete a file (not fully functionnal yet)"  style="position:absolute; top:450px; right:20px">
        <img id="Trash" alt="" src="img/Crystal_Clear_filesystem_trashcan_empty.png" style="width:96px;" />
    </div>
</div>


<div id="MainDiv">

    
    
    <div id="OutBox" class="Outbox">
        <div style=" margin-left:30px; padding-top:30px;" id"innerOutBox" class="Outbox">
            <table cellspacing="1" class="tablesorter" id="tableout" >             
                <thead> 
                    <tr> 
                        <th>Document Name</th> 
                        <th>Version</th>
                        <th>Project</th> 
                        <th>Created by</th> 
                        <th>Size</th> 
                        <th>Date</th> 
                    </tr> 
                </thead> 
                <tbody > 
                </tbody> 
            </table>
        </div>
        <div id="pager" class="pager" style="margin-left:50px;"> 
	        <form> 
		        <img src="img/icons/first.png" class="first"/> 
		        <img src="img/icons/prev.png" class="prev"/> 
		        <input type="text" class="pagedisplay"/> 
		        <img src="img/icons/next.png" class="next"/> 
		        <img src="img/icons/last.png" class="last"/> 
		        <select class="pagesize"> 
			        <option selected="selected"  value="10">10</option> 
		        </select> 
	        </form> 
        </div> 
        
    </div>
    
    <div id="SelectProjectBox" class="SelectProjectBox">
        <div style=" padding-top:10px; list-style-type: square;"  class="SelectProjectBox">
             <div ><h2>Change Project Folder</h2></div> 
            <br /><select class="listeprojets"></select><br /><br /><br />
            
            <div style="margin-left:auto; margin-right:auto; width:80px; text-align:left;">
                <img  id="ButtonSelectProjet"   alt="" src="img/Crystal_Clear_action_forward.png" style="width:64px;" />
           </div>
        </div>
      
    </div>
    
    <div id="AddNewFile" class="AddNewFile">
        <div style=" margin-left:30px; list-style-type: square; float:left"  class="AddNewFile">
           
                <div ><h2>Add a new File</h2> </div> 
	            
	            
	           
	            <div id="upload_button" style="margin-top:10px; text-align:center; ">
	            Select a file<br />
	             <img id="image_browse" alt="" src="img/SearchFolder.png" style="width:64px;" />
	            </div>
	            
	            
	            <div id="Result" ></div>
	            <br />
	            <div class="checkboxes">
            <!-- <input type="checkbox" id="CB1"  />Transfer file to project
            <br />
            <input type="checkbox" id="CB2" checked="checked" />Notify Project Manager
            <br /> -->
            </div>
	            <div id="loading" style="visibility:hidden; font-size:x-small;"> <img alt="" src="img/GreenProgress.gif" /></div>
	            
	         
	            
               
               
        </div>

      
       <div style="float:right;padding-top:10px;margin-right:30px;margin-left:10px;margin-top:10px;"  >Comments <br />


<form name="myform">

<textarea id="Comments" class="Comments" cols="50"  name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,128);" 
onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,128);">
</textarea>
<br />
<font size="1">(Maximum characters: 128)<br />
You have
<input readonly type="text" name="countdown" size="3" value="128">
characters left.</font>
</form>


                </div>
                
        <div class="divaddfile" style="float:right; margin-right:120px;margin-left:10px;margin-top:40px; width:90px; text-align:left;">
           <img  id="ButtonCancelAdd"   alt="" src="img/Crystal_Clear_app_desktop_enhancements.png" style="width:64px;" />
        </div>
        
        <div class="divaddfile" style="float:right; margin-left:10px;margin-top:40px;width:90px; text-align:left;">
            
             <img id="ButtonAddFile"   alt="" src="img/Crystal_Clear_app_clean.png" style="width:64px;" onclick="return ButtonAddFile_onclick()" />
        </div>
        <div class="loaderaddfile" style=" visibility:hidden ;float:right; margin-left:10px;margin-top:60px;width:48px; text-align:left;">
            <img  id="Img1"   alt="" src="img/small_loader.gif" style="width:32px;" />
        </div>
       

    </div>
    
     <div id="NotifyaFile" class="NotifyaFile">
        <div style=" margin-left:30px; list-style-type: square; float:left"  class="NotifyaFile">
         
            <div ><h2>Notify for the selected file</h2></div> 
            <div class="checkboxes" style="width:350px; text-align:center; font-size:medium;">
                <input type="checkbox" id="Checkbox1" checked="checked"  />Transfer file to project
            </div>
            <div> 
	     
              <br /> Comments<br /> 
                <form name="myform">

                <textarea id="CommentsNotify" class="Comments" rows="4" cols="30"  name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,128);" 
                onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,128);">
                </textarea>
                <br />
                <font size="1">(Maximum characters: 128)<br />
                You have
                <input readonly type="text" name="countdown" size="3" value="128">
                characters left.</font>
                </form>
            </div>
       
        </div>
        <div style="float:right; margin-right:60px;margin-left:10px;margin-top:200px;width:90px; text-align:left;">
            <img  id="ButtonCancelNotify"   alt="" src="img/Crystal_Clear_app_desktop_enhancements.png" style="width:64px;" />
        </div>
        <div style="float:right; margin-left:10px;margin-left:10px;margin-top:200px;width:90px; text-align:left;">
            <img  id="BoutonSendNotify"   alt="" src="img/Crystal_Clear_app_clean.png" style="width:64px;" />
        </div>
      
    </div>
    
    
    <div id="InBox">
        <div style=" margin-left:30px; padding-top:30px;">
            <table cellspacing="1" class="tablesorter" id="tablein" >             
                <thead> 
                    <tr> 
                        <th>Document Name</th> 
                        <th>Version</th>
                        <th>Project</th> 
                        <th>Created by</th> 
                        <th>Size</th> 
                        <th>Date</th> 
                    </tr> 
                </thead> 
                <tbody > 
                    
                </tbody> 
            </table>
        </div>
        <div id="pager2" class="pager2" style="margin-left:50px;"> 
	        <form> 
		        <img src="img/icons/first.png" class="first"/> 
		        <img src="img/icons/prev.png" class="prev"/> 
		        <input type="text" class="pagedisplay"/> 
		        <img src="img/icons/next.png" class="next"/> 
		        <img src="img/icons/last.png" class="last"/> 
		        <select class="pagesize"> 
			        <option selected="selected"  value="10">10</option> 
		        </select> 
	        </form> 
        </div>     
   </div>
   
   <script type="text/javascript">
       $(function() {
           $("#slider-vertical").slider({
               orientation: "vertical",
               range: "min",
               min: 0,
               max: 100,
               value: 60,
               slide: function(event, ui) {
                  
               }
           });
           
       });
	</script>
	
	
   <div id="LogFile">
     <iframe src="Log/Log_01-21-2010.xml"></iframe>
   </div>
   
   <div id="loader">
        <img src="img/NewLoader.gif" style="width:150px;" />
    </div>

</div>
   




</asp:Content>

